<template>
  <div>
    <swiper class="swiper" :options="swiperOption">
      <swiper-slide class="text">
        <div class="content">
          <p>美国宇航局此前已经确定了一项名为“阿特弥斯”（Artemis）的计划，其主要目标包括建设一座名为“月球门户”（Gateway）的，环绕月球轨道运行的深空空间站，并计划在2020年代末（可能是2028年），将宇航员送上月球表面。如果实现，这将是50年前阿波罗计划时代之后，人类的首次重返月球。但是最近，这一时间表被美国政府大大提前了：就在今年3月份，美国副总统迈克·彭斯要求NASA必须确保在2024年就实现宇航员重返月球，一下子压缩了4年的时间，一时间让NASA压力骤增。</p>
          <p>按照规划，2024年美国宇航局的载人登月着陆地将靠近月球南极附近，在那里撞击坑底部的永久阴影区，埋藏着大量水冰物质，可以为宇航员和未来的月球基地使用。在首次登月任务的宇航员中，还将包括至少一名女性。到目前为止，在“阿波罗”计划期间曾经踏上月球表面的12名地球人中，没有一名女性，12人全都是男人。</p>
          <p>按照规划，2024年美国宇航局的载人登月着陆地将靠近月球南极附近，在那里撞击坑底部的永久阴影区，埋藏着大量水冰物质，可以为宇航员和未来的月球基地使用。在首次登月任务的宇航员中，还将包括至少一名女性。到目前为止，在“阿波罗”计划期间曾经踏上月球表面的12名地球人中，没有一名女性，12人全都是男人。</p>
        </div>
      </swiper-slide>
    </swiper>
  </div>
</template>

<script>
import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default {
  data () {
    return {
      swiperOption: {
        direction: 'vertical',
        slidesPerView: 'auto',
        freeMode: true
      }
    }
  },
  components: {
    swiper,
    swiperSlide
  }
}
</script>

<style scoped>
.swiper{
  height: 200px;
  overflow: hidden;
  margin-bottom: 100px;
}
.text{
  font-size: 14px !important;
  text-align: left;
  padding:20px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
</style>
